Page({
  data: {
    gender: 1,
    name: '小小',
    mobile: '13050505050',
    currentDate: new Date().getTime(),
    dateLayerVisible: false,
    houseLayerVisible: false,
    houseList: [
      // { name: '北京西三旗花园1号楼 101' },
      // { name: '北京东村家园3号楼 302' },
      // { name: '北京育新花园3号楼 703' },
      // { name: '北京天通苑北苑8号楼 403' },
    ],
  },
  onLoad() {
    // 获取房屋列表
    this.getHouseList()
  },
  // 请求数据接口
  async getHouseList() {
    const res = await wx.http.get('/house')
    // console.log(res);
    // 数据渲染
    this.setData({ houseList: res.data })
  },
  onselectHouse(e) {
    const { id, name } = e.detail
    this.setData({
      houseId: id,
      houseInfo: name
    })
  },
  //预约时间
  onselectDate(e) {
    const time = e.detail; // 获取时间戳
    // console.log(time); // 输出时间戳

    // 将时间戳转换为可读格式
    const date = new Date(time); // 创建 Date 对象

    // 格式化为字符串
    const year = date.getFullYear();
    const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从0开始，所以需加1
    const day = String(date.getDate()).padStart(2, '0');
    // 可以自定义你想要的格式，例如 "YYYY-MM-DD"
    const formattedDate = `${year}-${month}-${day}`;

    // console.log(formattedDate); // 最终输出可读的日期格式
    // appointment更改
    this.setData({
      visitDate: formattedDate,
      dateLayerVisible: false,
    })
  },
  //请选择房屋信息
  verifyHouse() {
    // Boolean() 函数可以将任何类型的值转换为布尔值。
    const valid = Boolean(this.data.houseId)
    // 验证结果提示
    if (!valid) wx.utils.toast('请选择房屋信息!')
    // 返回验证结果
    return valid
  },
  // 验证业主姓名（必须为汉字）
  verifyName() {
    // 正则表达式
    const reg = /^[\u4e00-\u9fa5]{2,5}$/
    // 验证业主姓名
    const valid = reg.test(this.data.name.trim())
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写真实中文姓名!')
    // 返回验证结果
    return valid
  },

  verifyMobile() {
    // 验证手机号
    const reg = /^[1][3-8][0-9]{9}$/
    const valid = reg.test(this.data.mobile)
    // 验证结果提示
    if (!valid) wx.utils.toast('请填写正确的手机号码!')
    // 返回验证结果
    return valid
  },
  //验证日期
  checkDate() {
    // 定义正则 日期的格式 2024-09-01
    const reg = /^\d{4}[-]\d{2}[-]\d{2}$/
    const valid = reg.test(this.data.visitDate)
    if (!valid) wx.utils.toast('请选择访问日期')
    return valid

  },
  openHouseLayer() {
    this.setData({ houseLayerVisible: true })
  },
  closeHouseLayer() {
    this.setData({ houseLayerVisible: false })
  },
  openDateLayer() {
    this.setData({ dateLayerVisible: true })
  },
  closeDateLayer() {
    this.setData({ dateLayerVisible: false })
  },
  async goPassport() {

    // 逐个验证表单的数据
    if (!this.verifyHouse()) return
    if (!this.verifyName()) return
    if (!this.verifyMobile()) return
    if (!this.checkDate()) return

    // 待提交的数据
    const { houseId, name, gender, mobile, visitDate } = this.data
    // 请求接口
    const { data } = await wx.http.post('/visitor', { houseId, name, gender, mobile, visitDate })
    wx.utils.toast('新增访客成功')
    // 查看通行证
    wx.navigateTo({
      url: '/visitor_pkg/pages/passport/index?id=' + data.id,
    })

  },

})
